import React, { Component } from 'react'
import Qcevents from "../utils/events"
// react是单向数据流，子组件不能直接去修改父组件得数据，父组件给子组件传递一个方法，子组件去调用父组件得方法，并且将参数传递给父组件
class Son extends Component {
   state = {
       sex:"女"
   }
  fn() {
      this.props.sendfn(this.state.sex)
  }
  componentDidMount() { // 理解为vue得mountd，在这个生命周期里，组件挂载完毕，也可以获取dom
    Qcevents.addListener("zhao",this.fn1)
  }
  fn1 = (data)=>{ // 这个data就是兄弟组件传递过来得数据
        console.log(data,123456789)
  }
  render() {
    console.log(this.props,"11111")
    let {send,num} = this.props // 结构
    return (
      
      <div>我是father得儿子

          <h4>{send}</h4>
          <h4>{num}</h4>
            <button onClick={this.fn.bind(this)}>点击我给父组件传参</button>
      </div>
    )
  }
}

export default Son